<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>




    <link rel="stylesheet" href="../js/plugins/layui/css/layui.css">
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="layui-col-xs6 layui-col-md12" style="position:absolute;z-index:1;">
        <div class="grid-demo grid-demo-bg2">
            <div class="layui-carousel" id="test1" >
                <div carousel-item="">
                  <img src="../images/Homepicture/主页图片1.jpg">
                  <img src="../images/Homepicture/主页图片2.jpg">
                </div>
              </div>
        </div>
      </div>
    
      <script src="../js/plugins/layui/layui.all.js"></script>
      <script>
      layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
          elem: '#test1'
          ,width: '100%' //设置容器宽度
          ,height:'678px'
          ,arrow: 'none' //始终显示箭头
          ,anim: 'default' //切换动画方式
          
        });
      });
      </script>
     

</body>

</html>
